<%@page pageEncoding="UTF-8" isELIgnored="false" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>GAE Demo Top</title>
	<link rel="stylesheet" href="/assets/css/style.css" type="text/css" />
	<script type="text/javascript" src="/assets/js/jquery-1.6.4.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$(".checkbox").change(function(){
				if($(this).is(":checked")){
					$(this).next("label").addClass("LabelSelected");
				}else{
					$(this).next("label").removeClass("LabelSelected");
				}
			});
			$(".radio").change(function(){
				if($(this).is(":checked")){
					$(".RadioSelected:not(:checked)").removeClass("RadioSelected");
					$(this).next("label").addClass("RadioSelected");
				}
			});	
		});
	</script>
</head>
<body>
	<h2>Please enter your schedule.</h2>
	<form action="${f:blobstoreUrl('upload')}" method="post" enctype="multipart/form-data">
		<div>
			<label>タイトル</label><br />
			<input type="text" class="text" size="35" name="title" />
		</div>
		<div>
			<label>場所（住所）</label><br />
			<input type="text" class="text" size="35" name="place" />
		</div>
		<div>
			<label>開始日付(yyyy/mm/dd)</label>
			<input type="text" class="text" size="25" name="startDate" value="2011/12/15" />
			<label>時間(hh:mm)</label>
			<input type="text" class="text" size="15" name="startTime" value="12:00" />
		</div>
		<div>
			<label>終了日付(yyyy/mm/dd)</label>
			<input type="text" class="text" size="25" name="endDate" value="2011/12/15" />
			<label>時間(hh:mm)</label>
			<input type="text" class="text" size="15" name="endTime" value="13:00" />
		</div>
<!--
		<div>
			<label>セレクトメニュー</label><br />
			<select class="dropdown">
				<option>選択してください</option>
				<option>01:foo</option>
				<option>02:bar</option>
				<option>03:hoge</option>
			</select>
		</div>
		<div>
			<input id="CheckBox1" type="checkbox" class="checkbox"/>
			<label id="Label1" for="CheckBox1" class="CheckBoxLabelClass">Checkbox 1</label>
			<input id="CheckBox2" type="checkbox" class="checkbox"/>
			<label id="Label2" for="CheckBox2" class="CheckBoxLabelClass">Checkbox 2</label>	
		</div>
		<div>
			<input id="Radio1" type="radio" class="radio" name="group1" >
			<label id="Label1" for="Radio1" class="radiolabel">Radio 1</label>
			<input id="Radio2" type="radio" class="radio" name="group1"/>
			<label id="Label2" for="Radio2" class="radiolabel">Radio 2</label>	
			<input id="Radio3" type="radio" class="radio" name="group1"/>
			<label id="Label3" for="Radio3" class="radiolabel">Radio 3</label>
		</div>
-->
		<div>
			<label>コメント</label><br />
			<textarea cols="35" rows="7" name="comment" id="comment"></textarea>
		</div>
		<div>
			<label>添付ファイル</label><br />
			<input id="attachment" type="file" class="text" name="attachment" /> 
		</div>
		<div>
			<label>添付ファイルの説明</label><br />
			<input type="text" class="text" size="50" name="content" />
		</div>
		<div>
			<input type="submit" class="submit" value="登録する" />
		</div>
	</form>
</body>
</html>
